@extends('admin.layouts.admin')
@section('content')
    <div class="card">
        <div class="card-body">
            <ul class="nav nav-tabs nav-overflow header-tabs">
                <li class="nav-item">
                    <a href="{{route('admin.goods.index')}}" class="nav-link pb-3 active">
                        商品列表
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{route('admin.goods.create')}}" class="nav-link pb-3">
                        新增商品
                    </a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>商品名称</th>
                    <th>商品图片</th>
                    <th>商品价格</th>
                    <th>所属分类</th>
                    <th scope="col" width="120px">操作</th>
                </tr>
                </thead>
                <tbody>
                @foreach($goods as $good)
                    <tr>
                        <td scope="row">{{$good['id']}}</td>
                        <td>{{ $good['title'] }}</td>
                        {{--一个商品有多张图片,这里取商品的第一张图片进行展示--}}
                        <td><img src="{{$good['pics'][0] }}" style="width:80px"></td>
                        <td>
                            {{$good['price']}}
                        </td>
                        <td>{{$good->getCategory()}}</td>
                        <td class="text-right">
                            <div class="btn-group btn-group-sm" role="group" aria-label="First group">
                                <a href="{{route('admin.goods.edit',$good)}}"
                                   class="btn btn-light btn-sm">编辑</a>
                                {{--忘了这个form表单就在foreach循环体中,如果加上id="delete"那就会循环出来多个同样id的form表单,正常在页面中id是不能够重复的,所以不能用下面这种方式,而且这种方式还会造成的后果就是删除商品的时候系统默认抓到第一个id为delete的元素并提交,最终的结果就是想删除的没有删除,不想删除的却被删了--}}
                                <form  action="{{route('admin.goods.destroy',$good)}}" method="post">
                                    @csrf
                                    @method('DELETE')
            <button type="button" class="btn btn-sm btn-dark" onclick="del(this)">删除</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

    </div>

@endsection
@push('js')
    <script>
        function del(obj) {
            if (confirm('确定要删除吗?')) {
             $(obj).parent('form').submit()
            } else {
                return false;
            }
        }
    </script>
@endpush

